<header class="navbar navbar-inverse" role="banner">

    <div class="container">

        <div class="navbar-header">
            <a href="./" class="navbar-brand navbar-brand-img">
                <img src="./img/logo.png" alt="MVP Ready">
            </a>

            <button class="navbar-toggle" type="button" data-toggle="collapse" data-target=".navbar-collapse">
                <span class="sr-only">Toggle navigation</span>
                <i class="fa fa-bars"></i>
            </button>
        </div> <!-- /.navbar-header -->


        <nav class="collapse navbar-collapse" role="navigation">
            <ul class="nav navbar-nav navbar-right mainnav-menu">                
                <li class="${pageContext.request.servletPath.contains("index.jsp")?'active':''}">
                    <a href="${pageContext.request.contextPath}/">Home</a>
                </li>    

                <li class="${pageContext.request.servletPath.contains("features.jsp")?'active':''}">
                    <a href="features.jsp">Features</a>
                </li>      

                <li class="${pageContext.request.servletPath.contains("faq.jsp")?'active':''}">
                    <a href="faq.jsp">FAQ</a>
                </li>

                <li class="${pageContext.request.servletPath.contains("pricing.jsp")?'active':''}">
                    <a href="pricing.jsp">Pricing</a>
                </li>   

                <li class="${pageContext.request.servletPath.contains("contact.jsp")?'active':''}">
                    <a href="contact.jsp">Contact</a>
                </li>     
                <li>
                    <a href="${pageContext.request.contextPath}/jsp/login.jsp">Login</a>
                </li>    

            </ul>

            <ul class="nav navbar-nav navbar-social navbar-left">   

                <li>
                    <a href="javascript:;" class="ui-tooltip" title="" data-placement="bottom" data-original-title="Facebook">
                        <i class="fa fa-facebook"></i>
                        <span class="navbar-social-label">Facebook</span>
                    </a>
                </li>   

                <li>
                    <a href="javascript:;" class="ui-tooltip" title="" data-placement="bottom" data-original-title="Twitter">
                        <i class="fa fa-twitter"></i>
                        <span class="navbar-social-label">Twitter</span>
                    </a>
                </li>   

                <li>
                    <a href="javascript:;" class="ui-tooltip" title="" data-placement="bottom" data-original-title="Google+">
                        <i class="fa fa-google-plus"></i>
                        <span class="navbar-social-label">Google+</span>
                    </a>
                </li>         

            </ul>

        </nav>

    </div> <!-- /.container -->

</header>